import { useEffect } from 'react';
import { useReducer, updateTool, store } from '@/components';
import styles from './index.module.less';
import TabItem from './sub/tabItem/index';
import EditBox from './sub/editBox/index';
import ResumePreview from './sub/resumePreview/index';
const App = () => {
  const [state, setState] = useReducer({});
  const update = () => {
    console.log(store.getState('TABSTATE'));
  };
  useEffect(() => updateTool.addUpdateFun('home', update), []);

  return (
    <div className={styles.peripheral}>
      <div className={styles.edit}>
        <EditBox />
      </div>
      <div className={styles.operation}>
        <TabItem />
      </div>
      <div className={styles.preview}>
        <ResumePreview />
      </div>
    </div>
  );
};
export default App;
